﻿body{ background-color:#ced9dc;  font-size:75%;  font-family:Verdana,Tahoma,Arial,"Helvetica Neue",Helvetica,Sans-Serif;   color:#333;  line-height:1.6em;  height:100%}

a:link{color:#2e5801;text-decoration:none}
a:visited{color:#2e5801; text-decoration:none}
a:hover{color:#e27923; text-decoration:underline}
a:active{color:#1494b0}

p{ margin-bottom:20px;  margin-top:20px;  line-height:1.6em}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6{font-size:1.5em; color:#000}

h1{font-size:2em; padding-bottom:0; margin-bottom:0}
h2{padding:0 0 10px 0;}
h3{font-size:1.2em}
h4{font-size:1.1em}
h5, h6{font-size:1em}

/* this rule styles <h2>tags that are the 
first child of the left and right table columns */
.rightColumn >h1, .rightColumn >h2, .leftColumn >h1, .leftColumn >h2{ margin-top:0}

/* PRIMARY LAYOUT ELEMENTS   
-------------------------------------------------------
#west{width:180px;padding:0 0 10px 10px;background:#1a627a; margin:0;}
#south{height:30px;background:#1a627a;}
#center{background:#ced9dc;padding:2em; width:90%;}
---*/

#Header, #Footer{width:100%}
#Header{overflow:hidden; height:110px; color:#fff;background:#015976; background:url(../css/images/head_bg.png) repeat-x 0 0;}
#headSeparate{ display:block; width:100%; position:absolute; top:108px; height:2px; background:url(../Content/images/headSeparate.png) repeat-x 0 0;}
#Content{position:absolute; background:#1a627a;height:82.3%;_height:82%;width:100%;  display:inline-block;overflow:hidden;}
#ContentAdmin{position:absolute; background:#1a627a;height:82.3%;_height:82%;width:100%;  display:inline-block;overflow:hidden;}
#Menu{float:left;margin:0;padding:0; width:15%;height:100%; }
#Menu .menuSections{display:inline; width:100%; float:left; overflow:hidden;}
#Main{ position:absolute; display:block; background:#ced9dc; width:100%;height:100%;}
#mainAdmin{ position:absolute; display:block; left:15%; background:#ced9dc; width:85%;height:100%;}
#mainBody{margin:0 auto; padding:2em 0 0 3em;}
#Separate{ position:absolute;margin:-19px 0 0 -15px;float:left; height:90%; width:0px;display:inline-block;background:url(../Content/images/separate.png) repeat-y 0 0;}
#Footer{ border-top:1px solid #ededed}
#version{ position:absolute;right:1em;}
#version p{margin:0;padding:0; float:left;height:30px; line-height:33px; color:#fff;}

/* Header - Branding and Login  
***************************************************************/
.changeCulture{float:right; display:inline-block; margin:0; padding:0;}
.changeCulture select{margin:0; padding:0; border:0;width:150px;}
#Misc{display:block;  float:right;  margin:0;  white-space:nowrap;color:#dbdbdb;}

#SiteLogo{font-size:1.385em; display:block; width:260px; height:60px; float:left;background:url(/css/images/logo.png) no-repeat; }
#SiteLogo a, #SiteLogo a:visited, #SiteLogo a:active{ float:left;  line-height:2.6em;  position:relative}
#headContainer{margin:0;padding:0;}
#headInfoBar{width:100%; display:block; height:20px; color:#b7b7b7; border-bottom:1px dotted #solid; margin:5px 0; }
#headStudyName{float:left; }

#Userbar{ display:block; color:#b7b7b7;  position:absolute; right:158px;  float:left;  margin:0 20px 0 20px;  white-space:nowrap}
#Userbar form{ display:inline}
#headInfoBar a:link{ color:#fff;}
#headInfoBar a:visited{color:#c1ff00}
#headInfoBar a:hover{color:#fcff00; text-decoration:underline}
#headInfoBar a:active{color:#1494b0}

/*HeadNav
***************************************************************/
#headNav{float:left; }
#headNav .nav {width: 100%; color:#dbdbdb; }
#headNav .nav li {float: left; text-align:left; text-align:center; margin-right:1.5em; display:none;}
#headNav .nav li a {background: url("images/btn_header_nav.png") no-repeat;display: block;height: 54px;position: relative;width: 58px;}
#headNav .nav li a.report {background-position: 0 0;}
#headNav .nav li a.report:hover {background-position: -58px 0;}
#headNav .nav li a.report:active, #headNav .nav li.selected a.report {background-position: -116px 0;}
#headNav .nav li a.admin {background-position: 0 -54px;}
#headNav .nav li a.admin:hover {background-position: -58px -54px;}
#headNav .nav li a.admin:active, #headNav .nav li.selected a.admin {background-position: -116px -54px;}
#headNav .nav li a.patient {background-position: 0 -216px;}
#headNav .nav li a.patient:hover {background-position: -58px -216px;}
#headNav .nav li a.patient:active, #headNav .nav li.selected a.patient {background-position: -116px -216px;}
#headNav .nav li a.enroll {background-position: 0 -162px;}
#headNav .nav li a.enroll:hover {background-position: -58px -162px;}
#headNav .nav li a.enroll:active, #headNav .nav li.selected a.enroll {background-position: -116px -162px;}
#headNav .nav li a.self-enroll {background-position: 0 -108px;}
#headNav .nav li a.self-enroll:hover {background-position: -58px -108px;}
#headNav .nav li a.self-enroll:active, #headNav .nav li.selected a.self-enroll {background-position: -116px -108px;}
#headNav .nav li a.screen {background-position: 0 -270px;}
#headNav .nav li a.screen:hover {background-position: -58px -270px;}
#headNav .nav li a.screen:active, #headNav .nav li.selected a.screen {background-position: -116px -270px;}
#headNav .nav li a.home {background-position: 0 -324px;}
#headNav .nav li a.home:hover {background-position: -58px -324px;}
#headNav .nav li a.home:active, #headNav .nav li.selected a.home {background-position: -116px -324px;}
#headNav .nav li a.export {background-position: 0 -378px;}
#headNav .nav li a.export:hover {background-position: -58px -378px;}
#headNav .nav li a.export:active, #headNav .nav li.selected a.export {background-position: -116px -378px;}
#headNav .nav li a.dashBord {background-position: 0 -432px;}
#headNav .nav li a.dashBord:hover {background-position: -58px -432px;}
#headNav .nav li a.dashBord:active, #headNav .nav li.selected a.dashBord {background-position: -116px -432px;}
#headNav .nav li a.query {background-position: 0 -486px;}
#headNav .nav li a.query:hover {background-position: -58px -486px;}
#headNav .nav li a.query:active, #headNav .nav li.selected a.query {background-position: -116px -486px;}
#headNav .nav li a.call-center {background-position: 0 -540px;}
#headNav .nav li a.call-center:hover {background-position: -58px -540px;}
#headNav .nav li a.call-center:active, #headNav .nav li.selected a.call-center {background-position: -116px -540px;}

/* Navigation
***************************************************************/
#Menu{}
.menuSections li{ margin:5px 0}
.menuSections li h3{ padding:0 0 3px 8px;  color:#b7b7b7;  font-size:12px;  font-weight:bold; }
.menuSections li h3 a:link, .menuSections li h3 a:visited{ color:#fff;  font-weight:bold}
.menuSections li h3 a:hover, .menuSections li h3 a:active, .menuSections li h3 a:focus{ color:#fff}
.menuSections li h3 a, .menuSections li h3 span{ line-height:1.2em}
.menuItems li{clear:both; border:0;margin:0}
.menuSections ul a, .menuSections ul a:link, .menuSections ul a:visited{color:#ccc;clear:both; display:inline-block; padding:.4em 0 .4em 2em;width:98%;line-height:1.2em;text-decoration:none;}
.menuSections ul a:link{padding-left:2em; color:#fff; width:88%;}
.menuSections ul a:hover, .menuSections ul a:active, .menuSections ul a:focus{ color:#fff;  text-decoration:underline}
.menuSections ul a:hover{text-decoration:none;background:#0093b2 url(../Content/easyui_themes/gray/images/menu_rightarrow.png) no-repeat 15px 9px;}

/* todo:make generic so all toggles can use this and clean up jQuery */
.expando-glyph-container{ display:inline !important;  line-height:.9em;  padding:0 !important;  position:relative;  float:right;  margin:4px 1.3em 0 0}
.expando-glyph{ background:no-repeat center center;  /*url("images/menuOpen.gif")*/    background-image:url(../Content/easyui_themes/gray/images/menu_downarrow.png);  bottom:0;  cursor:pointer;  display:block;  height:17px;  padding:0 !important;  position:absolute;  width:17px;  -webkit-transform:rotate(0deg)}
.expando-glyph:hover{ /*url("images/menuOpenHover.gif"); */    background-image:url(../Content/easyui_themes/gray/images/menu_downarrow.png)}
.expando-glyph-container.closed .expando-glyph{ /*url("images/menuClosed.gif"); */    background-image:url(../Content/easyui_themes/gray/images/menu_rightarrow.png)}
.expando-glyph-container.closed .expando-glyph:hover{ /*url("images/menuClosedHover.gif"); */    background-image:url(../Content/easyui_themes/gray/images/menu_rightarrow.png)}
.expando-glyph-container.closing .expando-glyph{ -webkit-transition:all .2s ease-in-out;  -moz-transition:all .2s ease-in-out;  transition:all .2s ease-in-out;  -webkit-transform:rotate(-90deg);  -moz-transform:rotate(-90deg);  transform:rotate(-90deg)}
.expando-glyph-container.opening .expando-glyph{ -webkit-transition:all .2s ease-in-out;  -moz-transition:all .2s ease-in-out;  transition:all .2s ease-in-out;  -webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);  transform:rotate(90deg)}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
.inline{ display:inline}
/*fieldset{ border:1px solid #ddd;  padding:1.4em 1.4em 1.4em 1.4em;  margin:0 0 1.5em 0}*/
legend{ font-size:1.2em;  font-weight:bold}
textarea{ min-height:75px}
input[type="checkbox"]:focus, 
input[type="radio"]:focus{ outline:1px dotted #666d51}
select, textarea, input[type="text"], input.text, input.text-box{ padding:3px;  border:1px solid #bdbcbc}
input[type="text"], input.text, input.text-box{ line-height:1.2em}
input[type="text"], input[type="password"]{ width:26em}
input.text-small, input#Header{ width:4em}
input#Header{ height:auto}
select{ padding:1px}
select:focus, textarea:focus, input[type="text"]:focus, input.text:focus, input.text-box:focus{ border-color:#666d51}
input.check-box{ margin-left:0;  vertical-align:-.1em}
input[type="submit"], input[type="reset"], input[type="button"], button, submit, .button, .button:link, .button:visited{ color:#333;  background:#F5F5F5;  border:1px solid #999;  cursor:pointer;  padding:0 12px 2px 12px;  text-align:center;   /*CSS3 properties*/ filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr='#f5f5f5', endColorstr='#cbcbcb');  background:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#cbcbcb));  background:-moz-linear-gradient(top,#f5f5f5,#cbcbcb);  box-shadow:inset 0px 0px 1px rgba(255,255,255,1.0),1px 1px 1px rgba(102,102,102,0.3);  -webkit-box-shadow:inset 0px 0px 1px rgba(255,255,255,1.0),1px 1px 1px rgba(102,102,102,0.3);  -moz-box-shadow:inset 0px 0px 1px rgba(255,255,255,1.0),1px 1px 1px rgba(102,102,102,0.3);  border-radius:3px;  -webkit-border-radius:3px;  -moz-border-radius:3px}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover, .button:hover, .button.primaryAction:hover{ text-decoration:none;  background:#ffac40;  color:#fff;  border:1px solid #bb8b2d;   /*CSS3 properties*/  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr='#ffac40', endColorstr='#f9760d');  background:-webkit-gradient(linear,0 0,0 100%,from(#ffac40),to(#f9760d));  background:-moz-linear-gradient(top,#ffac40,#f9760d)}
input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, button:active, .buton:active, .button.primaryAction:active{ text-decoration:none;  background:#62a9e2;  color:#fff;  border:1px solid #bb772d;   /*CSS3 properties*/ filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr='#fece3b', endColorstr='#fe6001');  background:-webkit-gradient(linear,0 0,0 100%,from(#fece3b),to(#fe6001));  background:-moz-linear-gradient(top,#fece3b,#fe6001);  box-shadow:inset 0px 0px 1px rgba(254,225,109,1.0),1px 1px 1px rgba(102,102,102,0.3);  -moz-box-shadow:inset 0px 0px 1px rgba(254,225,109,1.0),1px 1px 1px rgba(102,102,102,0.3);  -webkit-box-shadow:inset 1px 1px 1px rgba(254,225,109,0.6),1px 1px 1px rgba(102,102,102,0.1)}
input[type="submit"]:focus::-moz-focus-inner, button:focus::-moz-focus-inner, .button:focus::-moz-focus-inner{ border:1px dotted transparent}

/* (Items) Tables
----------------------------------------------------------*/
table.items{ margin:0 0 1.4em 0;  background:#fff;  border:1px solid #eaeaea;  border-bottom:none;  border-collapse:separate;  border-spacing:0;  width:100%}
table.items caption{ padding:8px 0;  text-indent:0}
table.items col{ border-spacing:0;  display:table-column}
table.items colgroup{ border-spacing:0;  display:table-column-group}
table.items tbody{ border-spacing:0;  vertical-align:middle}
table.items thead, table.items th{ background:#f5f5f5;  font-weight:700;  overflow:hidden;  text-align:left;  white-space:nowrap}
/* todo:(heskew) hook back up */
table.items tr.hover{ background-color:#f0f3d6}
table.items tr.critical{background:#e68585; border:inherit}
table.items tr.warning{background:#fdf5bc; border:inherit}
table.items th, table.items td{ border-bottom:1px solid #eaeaea;  border-spacing:0px;  display:table-cell;  padding:8px 12px;}

/* MISC  
----------------------------------------------------------*/
.clear{ clear:both}
.error{ color:Red}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error{ color:#f00}
.field-validation-valid{ display:none}
.input-validation-error{ border:1px solid #f00;  background-color:#fee}
.validation-summary-errors{ font-weight:bold;  color:#f00}
.validation-summary-valid{ display:none}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.editor-item{  margin-top:16px;  padding-left:150px}
.editor-label{ font-weight:600; }
.editor-item .display-label, 
.editor-item .editor-label{ display:inline;  float:left;  margin-left:-150px;  font-weight:600}
.display-field, .editor-field{ margin:0.5em 0 0 0;}
.tri-state{ width:6em}

/* toolbar
----------------------------------------------------------*/
div.toolbar{ margin-top:6px;  margin-bottom:12px}
.message{ background:#e6f1c9; /* green */ border:1px solid #cfe493;  color:#062232;  margin:10px 0 4px;  padding:4px}

/* throbber
----------------------------------------------------------*/
#throbber{ display:none}
#throbber .curtain{ position:fixed;  left:0;  top:0;  width:100%;  height:100%;  background-color:Gray;  filter:alpha(opacity=30);  opacity:0.3}
#throbber .curtain-content{ position:absolute;  left:0;  top:0;  width:100%;  height:100%}
#throbber .curtain-content div{ text-align:center;  padding:250px;  color:White}

/* Statusbar  */
/* ------------------------------*/
#Statusbar{padding:0; margin:0; position:fixed; top:0px; left:0px; right:0px; display:block; z-index:99999}
.success, .warning, .validation, .info{border:1px solid #ccc; margin:0 0 20px; padding:10px 10px 10px 60px; background-repeat:no-repeat;     background-position:25px 7px}
.info{color:#555; background-color:#ddeaff; background-image:url(../Content/images/status-info.png); border:solid 1px #8bb9ff}
.success{color:#555; background-color:#c6f7a5; background-image:url('../Content/images/status-success.png'); border:solid 1px #55b51d}
.warning{color:#555; background-color:#fcff9e; background-image:url('../Content/images/status-warning.png'); border:solid 1px #c99900}
.closeStatus{padding-left:20px; color:#444; float:right}
.grid-container{ position:absolute; width:94%;  height:87%; display:inline-block;}
.grid-edit{background:url('../Content/easyui_themes/icons/edit_edit.png') no-repeat 0 0; padding:0 0 0 1.6em; margin-right:1em;}
.grid-delete{background:url('../Content/easyui_themes/icons/delete.png') no-repeat 0 0; padding:0 0 0 1.6em;}
input.pagination-num{ border:1px solid #CCC;  margin:0 2px;  width:32px}
.hide{display:none;}
.show{display:block;}